<!-- 加注卡 -->
<template>
	<view>
		<view class="header u-f-jsb" hover-class="tap-active" data-url="/pages/accountManage/addFillcard/addFillcard" @tap="$jumpPage">
			<view class="u-f-ac" >
				<image class="icon-card" src="/static/images/icon-card.png" mode="aspectFill"></image>
				<view>绑定加注卡</view>
			</view>  
			<image class="icon-arrow-r" src="/static/images/icon-arrow-r.png" mode="aspectFill"></image>
		</view> 
		<view class="info">
			<view class="item">
				<view>加注卡号</view>
				<view>NO.1400 6854</view> 
			</view>
			<view class="item">
				<view>加注卡密码</view>
				<view>123456</view>
			</view>
			<view class="item">
				<view>备注</view>
				<view>张三</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	background-color: RGBA(245, 245, 245, 1);
}
.header {
	height: 140rpx;
	padding: 0 50rpx;
	background-color: #FFFFFF;
	
	.icon-card {
		width: 51rpx;
		height: 36rpx;
		margin-right: 32rpx;
	}
	
	.icon-arrow-r {
		width: 12rpx;
		height: 20rpx;
	}
}
.info {
	background-color: #FFFFFF;
	padding: 0 50rpx;
	margin-top: 20rpx;
	.item {
		height: 80rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: rgba(51, 51, 51, 1);
		font-size: 30rpx;
		>view:first-child {
			color: rgba(153, 153, 153, 1);
		}
	}
}
</style>
